<!doctype html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./assert/css/main.css" rel="stylesheet">
    <title>山东定鼎智能科技集团有限公司 - 官网</title>
</head>

<body>
<nav class="bg-white backdrop-opacity-10">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div class="flex h-16 items-center justify-between">
            <div class="flex items-center md:w-full md:justify-between">
                <div class="flex-shrink-0">
                    <img class="block lg:hidden h-8 w-auto"
                         src="./assert/images/slogo.png"
                         alt="Workflow">
                    <object class="hidden lg:block h-12 w-auto" data="assert/images/logo.svg"></object>
                </div>
                <div class="hidden md:block">
                    <div class="ml-10 flex items-baseline space-x-4">
                        <a href="index.html"
                           class="flex items-center gap-2 bg-gray-700 text-white px-3 leading-16  text-sm font-medium h-16"
                           aria-current="page">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                     stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                          d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
                                </svg>
                            </div>
                            <span class="hidden lg:block">首页</span>
                        </a>
                        <a href="about.html"
                           class="flex items-center gap-2 px-3 leading-16 hover:bg-gray-700  hover:text-white text-sm font-medium h-16"
                           aria-current="page">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                     stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                          d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
                                </svg>
                            </div>
                            <span class="hidden lg:block">走进定鼎</span>
                        </a>
                        <a href="vr-solution.html"
                           class="flex items-center gap-2 text-gray-800 hover:bg-gray-700 hover:text-white px-3 h-16 leading-16 text-sm font-medium">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                 stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"/>
                            </svg>
                            <span class="hidden lg:block">VR行业应用解决方案</span>
                        </a>

                        <a href="solution.html"
                           class="flex items-center gap-2 hover:bg-gray-700 hover:text-white px-3 h-16 leading-16 text-sm font-medium">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                 stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0021 18V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v12a2.25 2.25 0 002.25 2.25z"/>
                            </svg>
                            <span class="hidden lg:block">软件系统开发案例</span>
                        </a>
                        <a href="news.html"
                           class="flex items-center gap-2 text-gray-800 hover:bg-gray-700 hover:text-white px-3 h-16 leading-16 text-sm font-medium">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                 stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0021 18V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v12a2.25 2.25 0 002.25 2.25z"/>
                            </svg>
                            <span class="hidden lg:block">最新资讯</span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="-mr-2 flex md:hidden">
                <!-- Mobile menu button -->
                <button id="menu-btn" type="button"
                        class="inline-flex items-center justify-center rounded-md bg-[#f3f3f3]
                        p-2 text-gray-400 hover:bg-[#f1f1f1]
                        focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-white"
                        aria-controls="mobile-menu" aria-expanded="false">
                    <span class="sr-only">Open main menu</span>
                    <!--
                      Heroicon name: outline/bars-3

                      Menu open: "hidden", Menu closed: "block"
                    -->
                    <svg id="list-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
                         viewBox="0 0 24 24"
                         stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round"
                              d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>
                    </svg>
                    <!--
                      Heroicon name: outline/x-mark

                      Menu open: "block", Menu closed: "hidden"
                    -->
                    <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
                         viewBox="0 0 24 24"
                         stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
                    </svg>
                </button>
            </div>
        </div>
    </div>

    <!-- Mobile menu, show/hide based on menu state. -->
    <div class="hidden" id="mobile-menu">
        <div class="space-y-1 px-2 pt-2 pb-3 sm:px-3">
            <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
            <!--<a href="#" class="bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium"
               aria-current="page">Dashboard</a>-->

            <a href="#"
               class="text-gray-400 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">首页</a>

            <a href="about.html"
               class="text-gray-400 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">走进定鼎</a>

            <a href="vr-solution.html"
               class="text-gray-400 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">VR行业应用解决方案</a>

            <a href="solution.html"
               class="text-gray-400 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">软件系统开发案例</a>
            <a href="news.html"
               class="text-gray-400 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">最新资讯</a>
        </div>
    </div>
    <script>
        document.getElementById("menu-btn").addEventListener('click', (val) => {
            var expanded = val.currentTarget.getAttribute("aria-expanded")
            console.log(expanded)
            val.currentTarget.setAttribute("aria-expanded", !(expanded === "true"))
            if (expanded === "true") {
                // 关闭
                console.log("关闭")
                document.getElementById("mobile-menu").className = 'hidden'
                document.getElementById("list-icon").className = 'block h-6 w-6'
                document.getElementById("close-icon").className = 'hidden h-6 w-6'
            } else {
                // 展开
                console.log("展开")
                document.getElementById("mobile-menu").className = 'sm:hidden'
                document.getElementById("list-icon").className = 'hidden h-6 w-6'
                document.getElementById("close-icon").className = 'block h-6 w-6'
            }
        })
    </script>
</nav>
<article class="mx-auto rounded-md">
    <section class="">
        <div class="w-full">
            <div id="carouselExampleIndicators" class="rounded carousel carousel-fade slide relative"
                 data-bs-ride="carousel">
                <div class="carousel-inner relative w-full overflow-hidden">
                    <div class="carousel-item active float-left w-full">
                        <object class="w-full block" data="assert/images/home-1.svg"></object>
                    </div>
                    <div class="carousel-item float-left w-full" data-mdb-interval="200">
                        <object class="w-full block" data="assert/images/home-6.png"></object>
                    </div>
                </div>
                <button
                        class="carousel-control-prev absolute top-0 bottom-0 flex items-center justify-start m-3 text-center border-0 hover:outline-none hover:no-underline focus:outline-none focus:no-underline left-0"
                        type="button"
                        onclick="prev()"
                >
                    <!--<img src="assert/images/prev.png" />-->
                    <span class="carousel-control-prev-icon inline-block bg-no-repeat" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button
                        class="carousel-control-next absolute top-0 bottom-0 flex items-center justify-end m-3 text-center border-0 hover:outline-none hover:no-underline focus:outline-none focus:no-underline right-0"
                        type="button"
                        onclick="next()"
                >
                    <span class="carousel-control-next-icon inline-block bg-no-repeat" aria-hidden="true"></span>
                    <!--<img src="assert/images/next.png" />-->
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
            <object class="w-full" data="assert/images/home-2.svg"></object>
            <object class="w-full" data="assert/images/home-3.svg"></object>
            <object class="w-full" data="assert/images/home-4.svg"></object>
            <object class="w-full" data="assert/images/home-5.svg"></object>
        </div>
    </section>
</article>
<footer>
    <div class="bg-[#c5c5c5]">
        <div class="container flex justify-around mx-auto  text-[#333]">
            <div class="leading-10 my-12">
                <div class="text-xl leading-16">解决方案</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">VR军事解决方案</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">VR消防解决方案</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">VR教育解决方案</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">VR工业解决方案</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">VR医疗解决方案</div>
            </div>
            <div class="leading-10 my-12">
                <div class="text-xl leading-16">应用领域</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">战地救护</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">虚拟军演</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">武器仿真</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">训练教学</div>
            </div>
            <div class="leading-10 my-12">
                <div class="text-xl leading-16">应用软件</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">商城</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">财务系统</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">智慧农业</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">数字孪生</div>
            </div>
            <div class="leading-10 my-12">
                <div class="text-xl leading-16">关于我们</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">公司简介</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">联系我们</div>
                <div class="cursor-pointer text-sm leading-6 sm:leading-8">最新招聘</div>
            </div>
        </div>
    </div>
    <div class="bg text-gray-400">
        <div class="container mx-auto py-4 flex flex-col sm:flex-row justify-between items-center">
            <div class="leading-9 text-center sm:text-left">
                <div class="flex items-center justify-center sm:justify-start">
                    <span><a href="about.html#contact-us">联系我们</a></span>
                    <span class="mx-2">|</span>
                    <span><a href="news.html">最新资讯</a></span>
                    <span class="mx-2">|</span>
                    <span>工作机会</span>
                </div>
                <div>
                    山东省潍坊市高新区元宇宙未来创新谷5楼
                    <a id="beian-code" class="hover:underline text-gray-200 block sm:inline" href="https://beian.miit.gov.cn">鲁ICP备19018125号-5</a>
                </div>
            </div>
            <div class="flex">
                <!--  <div class="mr-6 flex items-center">
                      <img class="mx-3 w-8 h-8" src="assert/images/weibo.png"/>
                      <img class="mx-3 w-8 h-8" src="assert/images/weixin.png"/>
                      <img class="mx-3 w-8 h-8" src="assert/images/qq.png"/>
                      <img class="mx-3 w-8 h-8" src="assert/images/qz.png"/>
                  </div>-->
                <img class="w-20" src="assert/images/qrcode.png">
            </div>
        </div>
    </div>
</footer>
<script>
    if (location.host === 'sdddznkj.com') {
        //document.getElementById("beian-code").innerText = '鲁ICP备19018125号-5'
		document.getElementById("beian-code").innerText = '鲁ICP备19018125号'
    } else {
        //document.getElementById("beian-code").innerText = '鲁ICP备19018125号-1'
		document.getElementById("beian-code").innerText = '鲁ICP备19018125号'
    }
</script>
<script src="./assert/js/index.min.js"></script>
<link rel="stylesheet" href="assert/owl/assets/owl.carousel.min.css">
<link rel="stylesheet" href="assert/owl/assets/owl.theme.default.min.css">
<script src="assert/js/jquery-3.6.1.min.js"></script>
<script src="assert/owl/owl.carousel.js"></script>
<script>
    function prev() {
        $(".carousel").carousel("prev")
    }

    function next() {
        $(".carousel").carousel("next")
    }

    $(document).ready(function () {
        $("#carouselExampleIndicators").on("slide.bs.carousel", (e) => {
            $(".active-tab").removeClass('active-tab')
            $(".owl-carousel .bg-gray-800").each((index, node) => {
                console.log(node, index)
                if (e.to === index) {
                    $(node).addClass('active-tab')
                }
            })
        })
        $(".carousel").carousel({
            interval: 3000
        })
        $(".owl-carousel").owlCarousel({
            loop: true,
            margin: 6,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    loop: false
                },
                600: {
                    items: 3,
                    loop: false
                },
                1000: {
                    items: 6,
                    loop: false
                }
            }
        });
    });
</script>
</body>

</html>